<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%> 
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Edit Profile@ArnetMiner</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/pam/login.js"></script>
<script type="text/javascript" src="js/pam/editProfile.js"></script>
<script type="text/javascript" src="js/pam/search.js"></script>
<script type="text/javascript" src="js/pam/ajaxfileupload.js"></script>

<link href="css/pam/profile.css" rel="stylesheet" type="text/css" />
<link href="css/page/login.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="header">
	<a id="logo" href="index.do"></a>
    <div id="topbar">
    	<ul>
        	<li><html:link action="/index.do">Home</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/profile.do">Profile</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/following.do">Following</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/follower.do">Follower</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/messages.do?action=inbox">Message</html:link></li>
            <li><em class="vline">|</em></li>
            <li class="cur">
                <html:link styleClass="menu_lk" action="/logout.do"><em class="cur_l"></em><span>Sign Out</span><em class="cur_r"></em></html:link>
            </li>
        </ul>
    </div>
	<div id="top_menu">
		<div id="top_menu_l"></div>
		<div id="top_menu_c">
			<html:form styleId="search-form" action="/searchUser.do" method="get">
			<html:text styleClass="txt_topsrch default-text" property="keyword" value="Enter your keyword here..." />
			<a class="btn_topsrch" href="#"></a>
			<div class="slct_topsrch">
            	<p id="search-type">User</p>
                <ul id="search-list">
                	<li action="searchUser.do">User</li>
                    <li action="searchExpert.do">Expertise</li>
                    <li action="searchPublication.do">Publication</li>
                    <li action="searchConference.do">Conference</li>
                </ul>
            </div>
            </html:form>
		</div>
		<div id="top_menu_r"></div>
	</div>
	<div id="header_line"></div>
</div>
<div id="container">
	<div class="ly_form">
		<h1 class="ly_form_tit">Edit Your Profile</h1>
		<div class="ly_form_con">
			<logic:messagesPresent property="register-errors" message="true">
			<p class="tbl_notes"><html:messages property="register-errors" id="registermsg" message="true"><bean:write name="registermsg"/></html:messages></p>
			</logic:messagesPresent>
			<html:form styleId="update-profile" action="/updateProfile.do">
			<table class="tbl_form">
				<tr>
					<th>Email: </th>
					<td><html:text styleId="email" styleClass="txt" property="email" readonly="true"/></td>
					<td></td>
				</tr>
				<tr>
					<th>First Name:</th>
					<td><html:text styleId="fname" styleClass="txt" property="firstName"/></td>
					<td></td>
				</tr>
				<tr>
					<th>Last Name:</th>
					<td><html:text styleId="lname" styleClass="txt" property="lastName"/></td>
					<td></td>
				</tr>
				<tr>
					<th>Organization:</th>
					<td><html:text styleId="organization" styleClass="txt" property="organization"/></td>
					<td></td>
				</tr>
				<tr>
					<th>Password: </th>
					<td><html:password styleId="password" styleClass="txt" property="password" value=""/></td>
					<td></td>
				</tr>
				<tr>
					<th>Confirm Password: </th>
					<td><html:password styleId="repassword" styleClass="txt" property="repassword" value=""/></td>
					<td></td>
				</tr>
				<tr>
					<th>
						Profile Picture:<br/>		
						<input type="file" name="upfile" id="upfile" size="1"/>
						<div id="file-button">
		                     <a id="upload-button" class="btn_blue" href="#">Upload</a>
	                    </div>
					</th>
					<td>
						<html:hidden styleId="thumb" styleClass="txt" property="thumb"/>
						<html:img styleId="update-thumb" styleClass="thumb" src="${account.thumb}"/>
					</td>
					<td></td>
				</tr>
				<tr class="tbl_form_btn">
					<th>&nbsp;</th>
					<td><a id="register_btn" class="btn_blue_big" href="#"><em>Submit</em></a></td>
					<td>&nbsp;</td>
				</tr>
				
			</table>
			</html:form>
		</div>
	</div>
</div>
<div id="footer">
	<div id="footer_rad_t"></div>
	<div id="footer_in">
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<br clear="all" />
		<div id="footer_line"></div>
		<div id="copyright">Copyright &copy; 2007 KEG, Tsinghua. All Rights Reserved. <img src="images/common/footer/icp.gif" alt="ICP NUM. 9068414" /></div>
	</div>
	<div id="footer_rad_b"></div>
</div>
</body>
</html>
